{% extends "base.html" %}
{% block title %}Register{% endblock %}
{% block content %}
    <div class="row text-center vertical-middle-sm">
        <h1>Register</h1>
        <p>If you already have a account,you can <a href="{% url 'account:user_login' %}">Login</a></p>
        <p>Input your username and password</p>
        <form class="form-horizontal" action="." method="post">
            {% csrf_token %}
            <!-- {{ form.as_p}}-->
        <div class="form-group">
            <label for="{{ form.username.id_for_label}}" class="col-md-6 control-label">Username</label>
            <div class="col-md-6 text-left">{{ form.username }}</div>
        </div>
        <div class="form-group">
            <label for="{{ form.email.id_for_label}}" class="col-md-6 control-label">Email</label>
            <div class="col-md-6 text-left">{{ form.email }}</div>
        </div>
        <div class="form-group">
            <label for="{{ form.password.id_for_label }}" class="col-md-6 control-label">Password</label>
            <div class="col-md-6 text-left">{{ form.password }}</div>
        </div>
        <div class="form-group">
            <label for="{{ form.password.id_for_label }}" class="col-md-6 control-label">Confirm Password</label>
            <div class="col-md-6 text-left">{{ form.password2 }}</div>
        </div>
        <div class="form-group">
            <label for="{{ profile.phone.id_for_label }}" class="col-md-6 control-label">Phone</label>
            <div class="col-md-6 text-left">{{ profile.phone }}</div>
        </div>
        <div class="form-group">
            <label for="{{ profile.birth.id_for_label }}" class="col-md-6 control-label">Birth</label>
            <div class="col-md-6 text-left">{{ profile.birth }}</div>
        </div>
            <input type="submit" class="btn btn-primary btn-lg" value="Register">
        </form>
    </div>
{% endblock %}